import React, { Component } from 'react';
import PropTypes from 'prop-types'//属性校验
import DemoChild2 from './Child2';
class DemoChild1 extends Component {
  static propTypes = {
    role: PropTypes.string.isRequired
 }
  render() { 
    console.log(this);
    const { role, userinfo } = this.props
    return ( <>
      <div>
        用户名1（数据来自于父组件）：{role}
        <br />
      {/* 如果当前登录的是管理员角色，可以看到用户信息，否则显示没有权限 */}
      {
        role === 'admin' ? (
          <div>
            {Object.keys(userinfo).map(item=>{
              return (
                <div key={item}>
                  {item}-{userinfo[item]}
                </div>
              )
            })}
          </div>
        ) : '没有权限'
      }
      <DemoChild2 username={this.props.username}/>
      </div>
    </> );
  }
}
 
export default DemoChild1;